/*!
 * 
 *         ============= BUILD INFO =============
 *         MFE: Phoenix-upper-funnel
 *         chunkName: component-clientlibs/productColorSwatch.v1/productColorSwatch
 *         VERSION: release-phoenix-upper-funnel-1.1.34939.1371721126-39f68b2d-4-g4c3fc7698
 *         BRANCH: release/fix-upper-funnel0717
 *         COMMITHASH: 4c3fc7698bddb05cca402d984d9c7e93c1830225
 *         LASTCOMMITDATETIME: 2024-07-16T18:00:25-06:00
 *         ============= If you're reading this, why not come work with us? https://www.t-mobile.com/careers =============
 */@keyframes skeletonLoaderShimmer{0%{background-position:-1200px 0}to{background-position:1200px 0}}.upf-productCard__colors{--upf--productColorSwatch--bg:none;--upf--productColorSwatch--size:1.6rem;--upf--productColorSwatch--gap:4px;--upf--productColorSwatch--radius:50%;align-items:var(--upf--productColorSwatch--content-align);display:flex;justify-content:var(--upf--productColorSwatch--col-justify);list-style-type:none}.upf-productCard__colors--item{border:.05rem solid var(--tdds-color-brand-grayscale-500);border-radius:var(--upf--productColorSwatch--radius);display:block;height:var(--upf--productColorSwatch--size);margin:0 var(--upf--productColorSwatch--gap);width:var(--upf--productColorSwatch--size)}.upf-productCard__colors--count{display:flex;font:var(--tdds-typeset-body-sm-normal);margin-left:var(--tdds-spacing-size-4);vertical-align:middle}